.layout-pintuan-box {
	.bg-box {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 356rpx;
		background: linear-gradient(45deg, #ee0a89, #f88518);
	}

	.content-box {
		position: relative;
		margin: 25rpx;
		
		.title-box {
			display: flex;
			align-items: center;
			justify-content: space-between;
			font-size: 28rpx;
			color: #fff;
			margin-bottom: 30rpx;

			.icon {
				display: flex;
				align-items: center;
			}
		}

		.item-box {
			position: relative;
			padding: 20rpx;
			margin-bottom: 30rpx;
			background: #fff;
			border-radius: 15rpx;
			overflow: hidden;

			.ranking {
				position: absolute;
				left: 0;
				top: 0;
				width: 100rpx;
				line-height: 50rpx;
				text-align: center;
				font-size: 24rpx;
				color: #fff;
				background: linear-gradient(90deg, #4f4f4f, #070707);
				border-radius: 0 0 15px 0;
				z-index: 9;
			}

			.goods-box {
				.tag-box {
					display: flex;
					align-items: center;
					margin-bottom: 15rpx;

					.tag {
						font-size: 24rpx;
						line-height: 1;
						padding: 6rpx 10rpx;
						border-radius: 5rpx;
						margin-right: 10rpx;
						color: #fff;
					}

					.count {
						background-color: #4db95f;
					}

					.nums {
						background-color: #ff912b;
					}

					.people {
						background-color: #16971c;
					}
				}

				.goods-parice {
					display: flex;
					align-items: center;
					justify-content: space-between;

					.price-box {
						display: flex;
						align-items: center;

						.price {
							font-size: 32rpx;
							color: #d33123;
						}

						.line-price {
							font-size: 24rpx;
							margin-left: 10rpx;
							color: #979797;
							text-decoration: line-through;
						}
					}

					.btn {
						width: 150rpx;
						line-height: 55rpx;
						text-align: center;
						border-radius: 100px;
						color: #fff;
						font-size: 24rpx;
						background: linear-gradient(90deg, #f27063, #d33123);
					}
				}
			}
		}
	}
}
